<ti-halfmodal #modal1 id="halfmodal-async">
  <div *ngFor="let key of [1, 2, 3, 4, 5]" class="list"><span class="dot"></span><span>这是第{{key}}条内容</span></div>
</ti-halfmodal>
<button id="halfmodal-async-button" (click)="click(modal1)">打开半屏弹窗</button>
<br /><br /><br />
<ng-template #service1 let-context="context">
  <ti-halfmodal-header>头部区域</ti-halfmodal-header>
  <ti-halfmodal-body> 半屏弹框内容区域 </ti-halfmodal-body>
</ng-template>
<button id="halfmodal-async-button-service" (click)="click1()">通过 service 方式异步打开弹窗</button><br />
